import 'dart:ui';

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData(
        useMaterial3: false,
        primarySwatch: Colors.yellow,
      ),
      home: Scaffold(
        appBar: AppBar(title: const Text("Flutter App")),
        body: const MyHomePage(),
      ),
    );
  }
}

class MyHomePage extends StatelessWidget {
  const MyHomePage({super.key});

  @override
  Widget build(BuildContext context) {
    return ListView(
      padding: const EdgeInsets.all(10),
      scrollDirection: Axis.vertical,
      children: [
        Container(
          width: double.infinity,
          height: 200,
          color: Colors.black,
        ),
        Row(
          children: [
            Expanded(
              flex: 2,
              child: Container(
                width: double.infinity,
                height: 200,
                color: Colors.red,
              ),
            ),
            Expanded(
              flex: 1,
              child:  SizedBox(
                height: 200,
                child: Column(
                children: [
                  Expanded(flex: 1, child: Container(width: double.infinity,height: double.infinity,color: Colors.yellow)),
                  Expanded(flex: 1, child: Container(width: double.infinity,height: double.infinity,color: Colors.lightGreen)),
                ],
              ),)
            ),
          ],
        )
      ],
    );
  }
}
